<link rel="stylesheet" href="@uploadimg.css">
<div class="upload_img_wrap">
	<div class="upload_img_area">
		<div class="title_area">
			<div class="big_title">上传图片</div>
			<div class="title_type">图集</div>
			<div class="photoset_title" ne-html="state.extendInfo.setName"></div>
			<div class="total_pic" ne-show="picList.length>0" style="display: none;">
				已添加<span class="count" ne-text="picList.length"></span>张图片
			</div>
		</div>
		<div class="upload_area" ne-class="{{state.uploading ? 'uploading':''}}  {{state.dragenter?'hover':''}}" ne-role="upload">
			<div class="upload_inner">
				<ul class="pic_list">
					<li class="add_item" ne-click="selectImg();" style="display: none" ne-show="picList.length>0">
						<span class="icon_add_img"></span>
						<p class="tip">继续添加图片</p>
					</li>
					<script type="text/template" ne-repeat="pic in picList">
						<li class="pic_item">
							<img src="<%=pic.src%>" alt="">
							<span class="icon_remove" ne-click="removePic(pic, __i);" title="删除该图片"></span>
						</li>
					</script>
				</ul>
				<div class="select_area" ne-show="picList.length==0">
					<input type="file" ne-role="selectFile" class="hidden_file_btn" style="display: none;" accept="image/png,image/PNG,image/jpg,image/JPG,image/gif,image/GIF,image/jpeg,image/JPEG"  multiple="true">
					<input type="button" class="select_btn" value="选择图片" ne-click="selectImg();">
					<p class="tip">或将图片直接拖拽进该区域</p>
				</div>
			</div>
			<div class="uploading_area" ne-show="state.uploading">
				<p class="uploading_tip">正在上传图片 <span class="completed" ne-text="completed"></span>/<span class="total" ne-text="picList.length"></span></p>
				<div class="progress_bar">
					<div class="progress_completed" ne-style="width:{{progressCompleted}}px"></div>
				</div>
				<div >
					<input style="display: none;" type="button" class="btn_cancel" ne-click="cancelUpload();" value="取消">
				</div>
			</div>
		</div>
		<div class="btn_area">
			<input type="button" class="upload_btn" value="设置水印" ne-click="setWatermark();">
			<input type="button" class="upload_btn" value="上传" ne-click="uploadImg();">
		</div>
	</div>
</div>

<div class="mask" ne-class="{{state.showWatermarkPanel?'show_mask':''}}">
	<div class="watermark_area">
		<div class="big_title">设置水印</div>
		<span class="icon_close" ne-click="closeWatermarkPanel();"></span>
		<div class="img_area">
		</div>
		<div class="style_area">
			<div class="title">选择样式</div>
			<ul class="watermark_list">
				<script type="text/template" ne-repeat="watermark in watermarkList">
					<li class="watermark_item" ne-click="chooseMark(<%=__i%>);" ne-class="{{state.currentWatermarkId == watermark.id ?'current':''}}"><%=watermark.watername%></li>
				</script>
			</ul>
			<div class="title">选择位置</div>
			<table class="position_table">
				<thead></thead>
				<tbody>
					<script type="text/template" ne-foreach="1..9">
						<%if(__val==1){%><tr><%}%>
							<td ne-click="choosePos(<%=__val%>);" class="<%=state.currentWatermarkPos == __val ? 'selected':''%>"></td>
						<%if(__val%3 == 0 && __val != 9){%>
						</tr>
						<tr>
						<%}%>
					</script>
				</tbody>
			</table>
			<div class="btns">
				<input type="button" class="single_btn" value="取消" ne-click="closeWatermarkPanel();">
				<input type="button" class="single_btn" value="确定" ne-click="confirmWatermark();">
			</div>
		</div>
	</div>
</div>
